<template>
  <div class="kc_content">

    <p class="kc_c_p">
      <span>商品名称</span>
      <span>商品价格(元)</span>
      <span>商品库存</span>
    </p>
    <mt-search v-model="value"></mt-search>
    <ul>
      <li>
        <span>商品1发送到撒111111111</span>
        <span>12.0</span>
        <span>2</span>
      </li>
      <li>
        <span>商品2</span>
        <span>12.0</span>
        <span>2</span>
      </li>
      <li>
        <span>商品3</span>
        <span>12.0</span>
        <span>2</span>
      </li>
      <li>
        <span>商品4</span>
        <span>12.0</span>
        <span>2</span>
      </li>

    </ul>

  </div>
</template>

<script>
import navTop from '~/components/common/navTop.vue';

export default {
  data() {
    return {
      headTitle: '商品库存',
    };
  },
  components: {
    navTop,
  },
};
</script>

<style lang="stylus" scoped>
.mint-search
  height 100%
.kc_c_p
  background #26a2ff
  height 1rem
  line-height 1rem
  color #fff
  display flex
  justify-content space-around
.kc_content
  ul

    li

      height 1rem
      line-height 1rem
      margin-bottom 0.2rem
      box-shadow 0px 0px 3px 0px #ccc
      span
        font-size 0.28rem
        display inline-block
        text-align center
        width 33%
        overflow hidden
        text-overflow ellipsis
        white-space nowrap
        &:last-child
          color #f60
</style>

